<template>
  <div>
    <menu-item :menus="menus"></menu-item>
  </div>
</template>

<script>
import MenuItem from './MenuItem'
export default {
  components: {
    MenuItem
  },
  data () {
    return {
      menus: [
        {
          title: '首页'
        },
        {
          title: '轮播图管理'
        },
        {
          title: '产品管理',
          children: [
            {
              title: '产品列表',
              children: [
                {
                  title: '首页产品列表'
                },
                {
                  title: '活动产品列表'
                }
              ]
            },
            {
              title: '秒杀列表'
            },
            {
              title: '推荐列表'
            }
          ]
        },
        {
          title: '用户管理',
          children: [
            {
              title: '用户列表'
            },
            {
              title: '管理员列表'
            }
          ]
        }
      ]
    }
  }
}
</script>
